<template>
  <div>
    <ul>
      使用数组的方式
      <li v-for="(stu,index) in stus"
          :key="index">
        index:{{index}}
        stu:{{stu}}
      </li>
      <hr>
      使用对象的方式
      <li v-for="(value,key,index) in person"
          :key="index">
        key:{{key}}
        value:{{value}}
        index:{{index}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      stus: [
        {
          name: 'jack',
          score: 'A'
        },
        {
          name: 'lose',
          score: 'B'
        }
      ],
      person: { name: 'mick', alise: '迈克' }
    }
  },
  components: {

  }
}
</script>

<style>
</style>
